/**
 * @Author: likang xie
 * @Date: 2019-11-06 18:16:47
 * @Useage: 动画类
 */

// 渐变
@keyframes fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.uni-animation-fade {
  animation: fade .3s ease-in-out;
}

// 上移
@keyframes slide-up {
  from {
    transform: translateY(100upx) scale(.8);
  }

  to {
    transform: translateY(0) scale(1);
  }
}

.uni-animation-slide-up {
  animation: slide-up .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.send-btn {
  position: fixed;
  right: 15px;
  bottom: calc(var(--window-bottom) + 50px);
  border-radius: 50%;
  z-index: 10;

  &.top {
    bottom: calc(var(--window-bottom) + 100px);
  }
}